<script setup lang="ts">
import { ref } from 'vue'
import { ContentWrap } from '@/components/ContentWrap'
import { ElTabs, ElTabPane } from 'element-plus'
import Operation from './Operation/Operation.vue'
import Call from './Call/Call.vue'

const activeName = ref('operation')
</script>

<template>
  <ContentWrap>
    <ElTabs v-model="activeName">
      <ElTabPane label="系统请求记录" name="operation" :lazy="true">
        <Operation />
      </ElTabPane>
      <ElTabPane label="外部接口交互记录" name="call" :lazy="true">
        <Call />
      </ElTabPane>
    </ElTabs>
  </ContentWrap>
</template>

<style lang="less" scoped></style>
